<?php
/**
 * $Id: default.php 10571 2008-07-21 01:27:35Z pasamio $
 */
defined( '_JEXEC' ) or die( 'Restricted access' );
$baseurl = JURI::base();
$gems_image_url = $baseurl.'/images/gems';
?>
<div id="mainContainner">
<table>
<tr>
	<td>
		<p style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px;padding-top:30px; padding-left:30px; color:#6F0100;"><?php echo JText::_('BIRTHSTONE ZODIAC') ?></p>
		<p style="font-family:Arial, Helvetica, sans-serif; font-size:12px;  padding-left:30px; color:#4F4D4C;"><?php echo JText::_('BIRTHSTONE ZODIAC') ?>: <?php echo JText::_('A raw natural creation deep within the earth which associated with the date of one\'s birth. Supernatural powers have long been attributed by astrologers to certain gemstones and wearing of which is commonly thought to bring good luck or health.') ?></p>
	</td>
</tr>
</table>
<table width="700" height="350" border="0" cellpadding="0" cellspacing="0">
   <tr>
    <td width="280" valign="top" style="padding-top:60px; padding-left:60px;" >
		<?php if(!empty($this->gems) && count($this->gems) > 0): ?>
		<?php foreach($this->gems as $item): ?>
		<a href="#" onMouseOut="gemRequest('0');" onMouseOver="gemRequest('<?php echo $item->id ?>');">
			<img style="margin: 15px;" src="<?php echo $gems_image_url.'/'.$item->img ?>" border="0"width="25" height="30" />
		</a>
		<?php endforeach; ?>	
		<?php endif; ?>
	</td>
	<td valign="top" style=" border-left:1px solid #CCCCCC">&nbsp;</td>
    <td valign="top" >
    	<div id="gemDisplay"></div>
    </td>
  </tr>
</table>
</div>
<script type="text/javascript">
<!--
function gemRequest(id){
	if(id > 0){
		jQuery.post("index.php", { option:'com_products', task:'get_gem', id: id },
					function(data){
						jQuery("#gemDisplay").html(data);
					}
				);
	}
}
//-->
</script>